<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>用户列表</title>
    <link rel="stylesheet" href="../assets/lib/layui/css/layui.css" />
    <link rel="stylesheet" href="././css/user.css" />
  </head>
  <body>
    <div class="layui-card">
      <div class="layui-card-header">用户列表</div>
      <div class="layui-card-body">
        <table class="layui-table pad">
          <colgroup>
            <col width="10%" />
            <col width="20%" />
            <col width="20%" />
            <col width="20%" />
            <col width="20%" />

            <!-- <col /> -->
            <!-- <col width="200" /> -->
          </colgroup>
          <thead>
            <tr>
              <th>ID</th>
              <th>帐号名称</th>
              <th>昵称</th>
              <th>邮箱</th>
              <th>操作</th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td>2</td>
              <td>test</td>
              <td>fffasdf</td>
              <td>fffasdfasdfa</td>
              <td>
                <button type="button" class="layui-btn layui-btn-xs">
                  编辑
                </button>
                <button
                  type="button"
                  class="layui-btn layui-btn-xs layui-btn-danger"
                >
                  删除
                </button>
                <button
                  type="button"
                  class="layui-btn layui-btn-xs layui-btn-normal"
                >
                  重置密码
                </button>
              </td>
            </tr>
          </tbody>
        </table>
        <div id="page"></div>
      </div>
    </div>
    <script type="text/html" id="inp_edit">
      <form
        lay-filter="edit"
        id="editform"
        class="layui-form"
        action=""
        style="margin:20px  20px 0 0"
      >
        <div class="layui-form-item">
          <label class="layui-form-label">用户名</label>
          <div class="layui-input-block">
            <input
              readonly="readonly"
              type="text"
              name="username"
              required
              lay-verify="required"
              placeholder="请输入用户名"
              autocomplete="off"
              class="layui-input"
            />
          </div>
        </div>
        <div class="layui-form-item">
          <label class="layui-form-label">昵称</label>
          <div class="layui-input-block">
            <input
              type="text"
              name="nickname"
              required
              lay-verify="required"
              placeholder="请输入昵称"
              autocomplete="off"
              class="layui-input"
            />
          </div>
        </div>
        <div class="layui-form-item">
          <label class="layui-form-label">邮箱</label>
          <div class="layui-input-block">
            <input
              type="text"
              name="email"
              required
              lay-verify="required"
              placeholder="请输入邮箱"
              autocomplete="off"
              class="layui-input"
            />
          </div>
        </div>
        <div class="layui-form-item">
          <div class="layui-input-block">
            <input name="id" type="text" style="display: none;" />
            <button class="layui-btn" lay-submit lay-filter="formDemo">
              立即提交
            </button>
            <button type="reset" class="layui-btn layui-btn-primary">
              重置
            </button>
          </div>
        </div>
      </form>
    </script>
    <script type="text/html" id="inp_repwd">
      <form
        lay-filter="rewpwd"
        id="repwdform"
        class="layui-form"
        action=""
        style="margin:20px  20px 0 0"
      >
        <div class="layui-form-item">
          <label class="layui-form-label">密码</label>
          <div class="layui-input-block">
            <input
              id="repwd"
              type="text"
              name="password"
              required
              lay-verify="required|len"
              placeholder="请输入新密码"
              autocomplete="off"
              class="layui-input"
            />
          </div>
        </div>
        <div class="layui-form-item">
          <label class="layui-form-label">确认密码</label>
          <div class="layui-input-block">
            <input
              type="text"
              name="password2"
              required
              lay-verify="required|same|len"
              placeholder="请重复输入新密码"
              autocomplete="off"
              class="layui-input"
            />
          </div>
        </div>
        <div class="layui-form-item">
          <div class="layui-input-block">
            <input name="id" type="text" style="display: none;" />
            <button class="layui-btn" lay-submit lay-filter="formDemo">
              提交
            </button>
            <button type="reset" class="layui-btn layui-btn-primary">
              重置
            </button>
          </div>
        </div>
      </form>
    </script>
    <script src="../assets/lib/jquery.js"></script>
    <script src="../assets/lib/layui/layui.all.js"></script>
    <script src="../assets/js/common.js"></script>
    <script src="./js/user.js"></script>
  </body>
</html>
